<script lang="ts" setup>
const props = defineProps<{
  data: any
}>()
</script>

<template>
  <view class="card flex gap-[20rpx]">
    <view class="flex-1">
      <view class="font-size-[30rpx] color-[#111]">
        {{ data.examName }}
      </view>
      <view class="mt-[10rpx] flex gap-[20rpx]">
        <!-- <wd-tag color="#2176E7" bg-color="#eaf3fe">时间：2024.10.01</wd-tag> -->
        <wd-tag color="#2176E7" bg-color="#eaf3fe">
          排名：{{ data.rank }}名
        </wd-tag>
      </view>
    </view>
    <view class="flex-shrink-0">
      <text class="font-size-[48rpx] color-[#33AD7C]">
        {{ data.totalScore }}
      </text>
      <text class="font-size-[24rpx] color-[#86909C]">
        分
      </text>
    </view>
  </view>
</template>

<style lang="scss" scoped>
:deep(.wd-tag__text) {
  font-size: 24rpx;
}
</style>
